<!--
 * @Author: lyx 2858535420@qq.com
 * @Date: 2023-04-07 14:08:04
 * @LastEditors: lyx 2858535420@qq.com
 * @LastEditTime: 2023-04-28 15:49:05
 * @FilePath: /bangand-low-code/src/layouts/TableLayout.vue
 * @Description: table 新的页面样式
-->
<template>
  <a-layout class="p-table-layout">
    <LayoutHeader v-if="isShowFullHeader" />
    <a-layout style="min-height: 100vh">
      <LayoutSideBar v-if="!isTopMenu" />
      <a-layout-content>
        <LayoutHeader v-if="!isShowFullHeader" />
        <LayoutContent />
        <GlobalFooter v-if="showFooter" />
      </a-layout-content>
    </a-layout>

    <setting-drawer v-if="isDev">
      <div style="margin: 12px 0">This is SettingDrawer custom footer content.</div>
    </setting-drawer>
  </a-layout>
</template>

<script>
import Vue from 'vue';
import { objectUtils } from '@/utils';
import { mapState } from 'vuex';
import { appLatyouMixin } from '@/mixins/app-layout-mixin';

import SettingDrawer from '@/components/SettingDrawer';
import LayoutHeader from './components/LayoutHeader.vue';
import LayoutContent from './components/LayoutContent.vue';
import LayoutSideBar from './components/LayoutSideBar.vue';
import GlobalFooter from '@/components/GlobalFooter';
import { i18nRender } from '@/locales';

export default {
  // 组件的名字或者页面的名字
  name: 'TableLayout',
  mixins: [appLatyouMixin],
  // 加载组件
  components: {
    SettingDrawer,
    LayoutHeader,
    LayoutContent,
    LayoutSideBar,
    GlobalFooter
  },
  // 父级组件传过来的值
  props: {},
  provide() {
    return {
      locale: i18nRender,
      contentWidth: this.$store.state.app.contentWidth,
      breadcrumbRender: null
    };
  },
  // 页面数据
  data() {
    return {
      // end
      isDev: process.env.NODE_ENV === 'development' || process.env.VUE_APP_PREVIEW === 'true'
    };
  },
  computed: {},
  // 创建后调用
  created() {},
  // 挂载完成调用
  mounted() {},
  // 方法
  methods: {}
};
</script>

<style lang="less">
@import './styles/TableLayout.less';

.p-table-layout {
}
</style>
